<template>
     <div>
        {{$store.state.num}}
        我是电影
        <div v-if="flag">
            <div v-for="(item,index) in arr" :key="index" style="margin-top:20px" @click="goDetail(item.id)">
                <span >{{item.title}}</span>
            </div>
        </div>
     </div>
</template>

<script>
export default {
     data(){
         return {
             arr:[],
             flag:false
         }
     },
     methods: {
         getList() {
             this.$axios.get("/list").then(res=>{
                 console.log(res.data);
                 this.arr = res.data
                 this.flag = true
             })
         },
         goDetail(id){
             console.log(id)
            //  this.$router.push({
            //      path: '/detail',
            //      query: {
            //          id
            //          // url的参数, 类似get请求的传参
                     
            //      },
            //  })
            this.$router.push({
                name:"detail",
                params:{
                    id
                }

            })
         }
     },
     mounted(){
         this.getList()
     },
     computed:{
         ...mapState(["aaa"])
        
     }
}
</script>

<style>

</style>